
.top-background {
    height: 300px;
    background: url("../images/teach_top.png") no-repeat center;
    background-size: cover;
    margin: 50px 0;
    border-radius: 8px;
}
.top-background-text{
    /*width: 40%;*/
    /*background-color: #0B0354;*/
    text-align: center;
    color: white;
}
.top-background-text p {
    color: white !important;
}
.top-img {
    padding: 30px 20px;
    text-align: center;
}

#img-and-text2 {
    background-color: #F3F3F3;
    color: #292929;

}
#img-and-text{

}
.class-characteristic{
    margin-bottom: 50px;
}
.class-characteristic ul {
    list-style: none;
}

.class-characteristic img {
    display: inline-block;
    margin-right: 5px;
    height: 30px;
    width: 30px;
}

.class-characteristic p {
    display: inline-block;

}

.class-characteristic ul li {
    margin-top: 15px;
}

.class-characteristic-right img {
    height: 70%;
    width: 70%;
    margin-top: 0px;
}

/*ICC外教*/
#ICC-teacher {
    background-color: #191919;
    background: url("../images/about_background.png") no-repeat center;
    background-size: cover;
    /*padding-bottom: 50px;*/
    padding: 0 30px 50px 30px;
}

#ICC-teacher .row {
    margin-top: 30px;
    padding-right: 50px;
    padding-left: 50px;
}

#ICC-teacher li .item_content {
    position: relative;
    border: 2px solid rgba(255, 0, 255, 0);
}

#ICC-teacher li .item_content .img_content {
    /*background-image: url("../images/a1.jpg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#ICC-teacher .img_content {
    height: 250px;
}

#ICC-teacher .text_content {
    position: absolute;
    left: 0;
    bottom: 0;
}

#ICC-teacher .text_content {
    background-color: rgba(222, 23, 17, .8);
    color: white;
}

#ICC-teacher .text_content .new-details {
    margin: 0;
    height: 0px;
    overflow: hidden;
    transition: all 500ms;
}

#ICC-teacher .text_content .new-details {
    text-align: center;
}

#ICC-teacher li.col-md-4:hover .new-details {
    height: 245px;
}

.xuanke li {
    padding-left: 0;
    padding-right: 0;
}

/*磨耳朵*/
#mo-ear {
    text-align: center;
    padding: 0 20px 20px 20px;
}

.ear-title {
    padding: 15px 0;
}

#mo-ear .more {
    background-color: #F5F3F4;
    padding: 6px;
    border-radius: 4px;
    color: red;
}

#mo-ear .more-box {
    text-align: center;
    margin-top: 40px;
}

/*视频*/
.video-box {
    height: 270px;
    padding: 0 3px 0 3px
}
.teacher-class1{
    margin-top: 20px;
}
.teacher-class1 span{
    font-size: 20px;
    color: #DE1817;
    padding-left: 3px;
}
#teacher-video, #teacher-video2, #teacher-video3 {
    width: 100%;
    height: 100%;
}

.video-js .vjs-big-play-button {
    top: 45% !important;
    left: 40% !important;
}
/*教学活动*/
#teacher-activity{
    padding: 30px 0 40px 0;
}
.teacher-list-div{
    padding: 0 1% 0 8%;
}
.teacher-list-img{
    width: 100% ;
}
